.user{
	// margin-top: 88rpx;
	width: 100%;
	height: 388rpx;
	background: url("/static/aidex/img/header_bg_img2.png") no-repeat;
	background-size: cover;
	// background: linear-gradient( 180deg, #1e9afe 0%, #F4F9F5 100%);
	border-radius: 1rpx;
	.header{
		padding: 50rpx 24rpx 0 36rpx;
		display: flex;
		align-items: center;
		.left{
			display: flex;
			align-items: center;
			flex: 1;
			.avatar{
				width: 120rpx;
				height: 120rpx;
				border: 4rpx solid #fff;
				border-radius: 50%;
			}
			.names{
				margin-left: 26rpx;
				flex: 1;
				.name{
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 38rpx;
					color: #FFF;
					line-height: 53rpx;
					span{
						font-size: 30rpx;
					}
				}
				.level{
				
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #fff;
				}
			}
		}
		
		.home{
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #A3A9B9;
			line-height: 33rpx;
			text-align: left;
			font-style: normal;
			display: flex;
			align-items: center;
			justify-content: center;
			.icon{
				margin-right: 5rpx;
			}
		}
	}
	
	.navs{
		padding: 0 25rpx 0 22rpx;
		margin: 24rpx;
		height: 130rpx;
		background: linear-gradient(  #5a5a5a 0%, #373737 100%);
		border-radius: 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		.shade{
			position: absolute;
			top: 0;
			left: 40rpx;
			width: 100rpx;
			height: 105rpx;
		}
		.left{
			.top{
				display: flex;
				align-items: center;
				.logo{
					display: flex;
					align-items: center;
					.img1{
						width: 36rpx;
						height: 36rpx;
					}
					text{
						font-family: PingFangSC, PingFang SC;
						font-weight: 600;
						font-size: 32rpx;
						color: #fff;
						line-height: 45rpx;
						padding: 0 4rpx;
					}
					.img2{
						width: 46rpx;
						height: 26rpx;
					}
				}
				.desc{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #fff;
					line-height: 33rpx;
					padding-left: 16rpx;
				}
			}
			.bot{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #9A6E51;
				line-height: 33rpx;
				margin-top: 8rpx;
			}
		}
		.btn{
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			font-size: 24rpx;
			color: #4a77f5;
			line-height: 33rpx;

			width: 147rpx;
			height: 52rpx;
			background: #fff;
			border-radius: 30rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	
	
}
.tit{
		padding: 24rpx 0 0 25rpx;
		font-family: PingFangSC, PingFang SC;
		font-weight: 600;
		font-size: 28rpx;
		color: #000000;
		line-height: 40rpx;
		margin-bottom: 19rpx;
	}
.cacu{
		margin:-40rpx 24rpx 24rpx;
		border-radius: 24rpx;
		height: 180rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		.list1{
			display: flex;
			align-items: center;
			justify-content: center;
			.item{
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: center;
				.name{
					
					padding-top: 30rpx;
					image{
						width: 88rpx;
						height: 88rpx;
					}
				}
				.num{
					// margin-top: 8rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #000000;
					line-height: 33rpx;
				}
			}
		}
		
		
		
	}
	.personal{
		margin:0 24rpx 24rpx;
		border-radius: 24rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
	}
	.personal-list{
		
		.item{
			padding: 32rpx 24rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx solid #EEF2F3;
			&:last-child{
				border-bottom: none;
			}
			.left{
				flex:1;
				display: flex;
				align-items: center;
				.icon{
					width: 40rpx;
					height: 40rpx;
					margin-right: 18rpx;
				}
				.name{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #000000;
					line-height: 40rpx;
				}
			}
			.narrow{
				width: 24rpx;
				height: 24rpx;
			}
			
		}
	}
	
	